@media all and (max-width: 860px) {
	.header {
		height: 120px;

	}

	.logo-head {
		display: block;
		width: 100%;
		background-position: center;
	}

	.nav-item {
		width: 120px;
	}
    .nav-search{
	    width: 120px;
    }
	.nav-bar.collapse .nav-search {
		width: 270px;
	}
	.nav-bar.collapse .nav-search-input {
		width: 160px;
	}
	.nav-bar.collapse .iconic-search {
		display: none;
	}
	.nav-bar.collapse .nav-item {
		width: 80px;
	}
}

@media all and (min-width: 860px)and (max-width: 1000px) {

	.nav-item {
		width: 120px;
	}
	.nav-search{
		width: 120px;
	}
	.nav-bar.collapse .nav-search {
		width: 270px;
	}
	.nav-bar.collapse .nav-search-input {
		width: 160px;
	}
	.nav-bar.collapse .iconic-search {
		display: none;
	}
	.nav-bar.collapse .nav-item {
		width: 80px;
	}
}
@media all and (min-width: 0px) and (max-width: 590px){
	.header {
		height: 99px;
	}
	.nav-item{
		width: 100%;
		display: none;
		border-radius: 0!important;
		text-align: center;
		background: -webkit-linear-gradient(top, #DD4B39, #FF250D);
		border-top: 1px solid #FF5E5E;
	}
	.nav-search{
		border-radius: 0!important;
		position: absolute;
		top: 0;
		right: 0;
		width: 85%;
		border-radius: 0!important;
		text-align: center;
		background: -webkit-linear-gradient(top, #DD4B39, #FF250D);
		border-top: 0px solid #FF5E5E;
		border-bottom: 1px solid #FF5E5E;
	}
	.nav-item .icon{
		float: left;
		margin:  10px 0px 0px 10px;
	}
	.nav-item.active{
		display: block;
	}
	.nav-bar{
		line-height: 0;
		height: 40px;
		overflow: hidden;
		/*-webkit-transition: height 200ms ease-out;*/
	}
	.nav-bar.expand{
		height: auto;
		padding-top: 40px;
		background: -webkit-linear-gradient(top, #DD4B39, #FF250D);
	}
	.nav-bar.expand:before{
		content: "";
		position: absolute;
		top: 10px;
		left: 10px;
		display: block;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin-right: 5px;
		background:url("../images/icon/more-ico.png")  no-repeat center top;
	}
	.nav-bar.expand .nav-item{
		display: block;
	}
	.nav-item.group.active {
		height: auto;
	}
    .nav-group{
	    -webkit-transition: all 200ms linear;
	    -moz-transition: all 200ms linear;
	    -o-transition: all 200ms linear;
	    transition: all 200ms linear;
    }

	/*GALLERY*/
	.gallery {
		margin-top: 100px;
	}
	.dg-wrapper{
		width: 100%;
	}
	.dg-wrapper a {
		width: 100%;
		height: 220px;
		display: block!important;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0) url(../images/browser.png) no-repeat top left;
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
		text-decoration: none;
		border-radius: 5px;
		-webkit-transform: none!important;
		-webkit-transition: opacity 200ms linear;
		visibility: visible!important;
		opacity: 1!important;
	}
	.dg-wrapper a.dg-transition{
		-webkit-transition: opacity 200ms linear!important;
	}
	.dg-wrapper a img {
		width: 100%;
	}
    /*POPUP-PHONE*/
	.popup {
		z-index: 1100;
	}
	.popup-account {
		width: 100%;
	}
	.popup-decorate {
		height: 100px;
		top: initial;
		bottom: 0px;
		left: 0px;
		z-index: 0;
		opacity: 0.5;
		zoom: 0.7;
	}
    .popup-content{
	    left: 20px;
    }
}